@import url("reset.css");

.full(@w,@h,@b){
    width: @w;
    height: @h;
    background: @b;
}

.box(@ver){
    display: -webkit-box;
    -webkit-box-orient: @ver;
}
.f(@f){
    float: @f;
}

html,body,.warp{
    .full(100%,100%,0);
}
.warp{
    .box(vertical);
}

header{
    .full(100%,0.8rem,#f8667c);
    line-height: 0.8rem;
    img{
        .full(0.3rem,auto,none);
        float: left;
        padding-left: 0.5rem;
        padding-top: 0.25rem;
    }
    span{
        float: right;
        font-size: 0.3rem;
        color: #ffffff;
        padding-right: 0.5rem;
    }
}
nav{
    .full(100%,4.5rem,#f8667c);
    text-align: center;
    .box(vertical);
    img{
        .full(2rem,auto,none);
        text-align: center;
    }
    h3{
        font-size: 0.4rem;
        color: #FFFFFF;
    }
    p{
        font-size: 0.3rem;
        color: #FFFFFF;
    }
    button{
        
        margin-top: 0.3rem;
        .full(3rem,0.8rem,none);
        font-size: 0.3rem;
        border-radius: 0.5rem;
        color: #FFFFFF;
        border: 1px solid #FFFFFF;
    }
}
section{
    overflow: hidden;
    -webkit-box-flex: 1;
    .nav1{
        .full(100%,1rem,none);
        .box(horizontal);
        border-bottom: 2px solid #d9d9d9;
        div{
        .full(50%,1rem,none);
        text-align: center;
        font-size: 0.3rem;
        line-height: 1rem;
        
    }
    .addColor{
            border-bottom: 5px solid red;
        }
    }
    
    .mainBox{
          width: 100%;
          height: 100%;
          background: none;
          display: -webkit-box;
          -webkit-box-orient: horizontal;
          position: relative;
          left: 0;
          div{
              width: 100%;
          }
          .s1{
              .box(vertical);
              .full(100%,auto,none);
              text-align: center;
              .aa{
                  .box(horizontal);
                  .full(100%,1rem,none);
                  line-height: 1rem;
                  -webkit-box-flex: 1;
                  padding-left: 33%;
                  font-size: 0.3rem;
                  span{
                      font-size: 0.4rem;
                      color: red;
                  }
                  b{
                      font-size: 0.5rem;
                      font-weight: bold;
                  }
              }
              img{
                  .full(6.8rem,auto,none);
                  -webkit-box-flex: 1;
              }
              button{
                  .full(90%,1rem,red);
                  font-size: 0.3rem;
                  color: #FFFFFF;
                  margin-top: 0.8rem;
              }
          }
          .s2{
              .full(100%,auto,none);
              .box(vertical);
              .c1{
                  .full(100%,1rem,none);
                  .box(vertical);
                  line-height: 1rem;
                  border-bottom: 2px solid #eeeeee;
                  b{
                      font-size:0.3rem;
                      padding-left: 0.5rem;
                  }
                  
                      span{
                          font-size: 0.3rem;
                          color: #999;
                          float: right;
                          margin-right: 0.5rem;
                      }
                  .asd{
                       .full(1.5rem,0.4rem,none);
                      float: right;
                      margin-top: 0.3rem;
                      margin-right: 0.5rem;
                      border: 1px solid #999999;
                      font-size: 0.2rem;
                      color: #999999;
                  }
                  
              }
          }
    }
    
}
